<!DOCTYPE html>
<html lang="es">
<head>
	<%@ include file="/jsp/fragments/include.jsp" %>
	<title>Abel Personnel - Personnel Application - Education</title>
	<meta charset="utf-8"/>
	<meta name="description" CONTENT="Abel Personnel application"/>
	<meta name="keywords" CONTENT="Abel, Abel Personnel, Personnel, Personnel Application, Temporary Job, Temporary, Consulting, Job, Harrisburg"/>
	
	<link type="text/css" href="jsp/lib/css/main.css" rel="stylesheet"/>

	<!--[if lt IE 8]>
		<link rel="stylesheet" type="text/css" media="all" href="jsp/lib/css/ie6.css"/>
	<![endif]-->
	
	<!--[if IE]>
		<link rel="stylesheet" type="text/css" media="all" href="jsp/	lib/css/ie.css"/>
	<![endif]-->
  
  <!-- BRAND CSS -->
	<link type="text/css" href="jsp/brand/abel/brand.css" rel="stylesheet"/>

</head>
<body class="educationInfo form" id="index">
	
	<!-- HEADER -->
	<div id="header" class="body">
		<header class="body" id="banner">
			<h1><a href="#">Abel Personnel</a></h1>
			<div class="description"> 
	      Personal Touch -- Professional Quality
	      <br/> 
	      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"We stake our reputation on the people who work for you"
	    </div>
		</header>
	</div>
		
	<!-- CONTENT -->
	<div id="section" class="body">
		<section class="body" id="content">
			<div class="user">${educationInfoView.salutation} &nbsp;&nbsp; <span class="userLinks">[<a href="dashboard.xhtm">User Dashboard</a>] &nbsp; [<a href="logout.xhtm">Sign Out</a>]</span></div>
			
			<!-- FEATURED AREA / BREADCRUMBS / PROGRESS -->
			<h2>Personnel Application: <span class="nobold">Education</span></h2>
			
<!-- 				${educationInfoView.eduList} -->
       	<c:forEach items="${educationInfoView.eduList}" var="education" varStatus="varStatus">

			<form:form method="post" commandName="educationInfoView.eduList[${varStatus.index}]"  action="education.xhtm">
             	<c:choose>
	             	<c:when test="${educationInfoView.editId != 0 && education.eduInfoId == educationInfoView.editId}">                                
					<p> 	
						<spring:hasBindErrors name="educationInfoView">
							<div class="error">
								<span class="errorHeading">Please correct the following error(s).</span>
				             	<c:forEach items="${errors.allErrors}" var="error">  
				                	<span class="errorDetail"><spring:message code="${error.code}" text="${error.defaultMessage}"/></span>  
				             	</c:forEach>  
				         	</div> 
				     	</spring:hasBindErrors>
					</p>
						<div class="fieldset cancelFields">
						<div class="text requiredfieldmessage">
							Items with an asterisk(<span class="req">*</span>) are required
						</div>
						
							<fieldset>
								<legend>Education</legend>
								<div class="columns-2">
								  <div class="column1 left">
								  	<label for="eduType"><span class="req">*</span> Education Level:</label>
								  </div>
								  <div class="column2">
									  <form:select path="eduType">
									  	<form:option value="" label="--Please Select--"/>
										<c:forEach items="${educationInfoView.educationTypes}" var="eduTypeTemp">
											<c:choose>
												<c:when test="${eduTypeTemp.educationTypeCode == education.eduType}">
													<option value="${eduTypeTemp.educationTypeCode}" selected="selected">
	              										<c:out value="${eduTypeTemp.educationTypeDesc}"/>
	            									</option>
												</c:when>
												<c:otherwise>
													<option value="${eduTypeTemp.educationTypeCode}">
														<c:out value="${eduTypeTemp.educationTypeDesc}"/>
													</option>
												</c:otherwise>
											</c:choose>
										</c:forEach>
									  </form:select>
								  </div>
							  </div>
							  <div class="columns-2">
									<div class="column1 left">
										<label for="graduate"><span class="req">*</span> Graduate:</label>
									</div>
									<div class="column2">
										<form:select path="eduGraduateYn">
											<form:option value="" label="--Please Select--"/>
											<c:forEach items="${educationInfoView.graduationStatuses}" var="gradStatusTemp">
												<c:choose>
													<c:when test="${gradStatusTemp.gradStatusCode == education.eduGraduateYn}">
														<option value="${gradStatusTemp.gradStatusCode}" selected="selected">
		              										<c:out value="${gradStatusTemp.gradStatus}"/>
		            									</option>
													</c:when>
													<c:otherwise>
														<option value="${gradStatusTemp.gradStatusCode}">
															<c:out value="${gradStatusTemp.gradStatus}"/>
														</option>
													</c:otherwise>
												</c:choose>
											</c:forEach>
										</form:select>
									</div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="degree"><span class="req">*</span> Degree:</label>
								  </div>
								  <div class="column2">
									<form:input path="eduDegree" cssClass="text" cssErrorClass="text errorfield"/>
							  	</div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="major"><span class="req">*</span> Major:</label>
								  </div>
								  <div class="column2">
								  	<form:input path="eduGraduateMajor" cssClass="text" cssErrorClass="text errorfield"/>
							  	</div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="schoolName"><span class="req">*</span> School Name:</label>
								  </div>
								  <div class="column2">
								  	<form:input path="eduSchoolName" cssClass="text" cssErrorClass="text errorfield"/>
							  	</div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="city"><span class="req">*</span> City:</label>
								  </div>
								  <div class="column2">
								  	<form:input path="eduSchoolCity" cssClass="text" cssErrorClass="text errorfield"/>
							  	</div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="state"><span class="req">*</span> State:</label>
								  </div>
								  <div class="column2">
								  	<form:select path="eduSchoolState">
										<form:option value=""></form:option>
										<c:forEach items="${educationInfoView.states}" var="temp">
											<c:choose>
												<c:when test="${temp.stateCode == education.eduSchoolState}">
													<option value="${temp.stateCode}" selected="selected">
	              										<c:out value="${temp.stateName}"/>
	            									</option>
												</c:when>
												<c:otherwise>
													<option value="${temp.stateCode}">
														<c:out value="${temp.stateName}"/>
													</option>
												</c:otherwise>
											</c:choose>
										</c:forEach>
									</form:select>
							  	</div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="yearOfGraduation">Year of Graduation:</label>
								  </div>
								  <div class="column2">
								  	<form:input path="eduGraduateYear" cssClass="text" cssErrorClass="text errorfield"/>
							  	</div>
							  </div>
							  <div style="clear:left"></div>
							  <div class="editEntry">
							  	<input type="button" name="add" value="" class="iconicButton addButton" title="Save Data" onclick="submit(this.form)"/>
							  	&nbsp;
							  	<input type="button" name="cancel" value="" class="iconicButton cancelButton" title="Cancel Edit" onclick="window.location='education.xhtm'" />
							  </div>
							</fieldset>
						</div>
					</c:when>
					<c:otherwise>
						<div class="fieldset">
								<div class="columns-2">
								  <div class="column1 left">
								  	<span class="label">Education Level:</span>
								  </div>
								  <div class="column2">
								  	<span class="data">${educationInfoView.getEducationTypeDesc(education.eduType)}</span>
								  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<span class="label">Graduate:</span>
								  </div>
								  <div class="column2">
										<span class="data">${educationInfoView.getGraduationStatus(education.eduGraduateYn)}</span>
							  	</div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<span class="label">Degree:</span>
								  </div>
								  <div class="column2">
										<span class="data">${education.eduDegree}</span>
							  	</div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<span class="label">Major:</span>
								  </div>
								  <div class="column2">
										<span class="data">${education.eduGraduateMajor}</span>
							  	</div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<span class="label">School Name:</span>
								  </div>
								  <div class="column2">
										<span class="data">${education.eduSchoolName}</span>
							  	</div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<span class="label">City:</span>
								  </div>
								  <div class="column2">
										<span class="data">${education.eduSchoolCity}</span>
							  	</div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<span class="label">State:</span>
								  </div>
								  <div class="column2">
										<span class="data">${educationInfoView.getEduSchoolStateName(education.eduSchoolState)}</span>
							  	</div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<span class="label">Year of Graduation:</span>
								  </div>
								  <div class="column2">
										<span class="data">${education.eduGraduateYear}</span>
							  	</div>
							  </div>
							  <div style="clear:left"></div>
							  <div class="editEntry">
							  		<input type="button" name="editEntry" value="" class="iconicButton editButton" title="Edit Education" onclick="window.location='education.xhtm?editId='+${education.eduInfoId}"/> 
							  		&nbsp;
							  		<input type="button" name="removeEntry" value="" class="iconicButton deleteButton" title="Delete Education" onclick="window.location='education.xhtm?delId='+${education.eduInfoId}"/>
							  </div>
							</div>
						</c:otherwise>
					</c:choose>
				</form:form>
           	</c:forEach>  
           	<c:if test="${educationInfoView.editId == 0}">
				<p> 	
					<spring:hasBindErrors name="educationInfoView">
						<div class="error">
							<span class="errorHeading">Please correct the following error(s).</span>
			             	<ul>
				             	<c:forEach items="${errors.allErrors}" var="error">  
				                	<li><spring:message code="${error.code}" text="${error.defaultMessage}"/></li>  
				             	</c:forEach>
			             	</ul>  
			         	</div> 
			     	</spring:hasBindErrors>
				</p>
				<div class="fieldset cancelFields">
				<form:form method="post" commandName="educationInfoView"  action="education.xhtm">
						<fieldset>
						<div class="text requiredfieldmessage">
							Items with an asterisk(<span class="req">*</span>) are required
						</div>

							<legend>Education</legend>
							<div class="columns-2">
							  <div class="column1 left">
							  	<label for="eduType"><span class="req">*</span> Education Level:</label>
							  </div>
							  <div class="column2">
								  <form:select path="eduType">
								  	<form:option value="" label="--Please Select--"/>
									<c:forEach items="${educationInfoView.educationTypes}" var="eduTypeTemp">
										<c:choose>
											<c:when test="${eduTypeTemp.educationTypeCode == educationInfoView.eduType}">
												<option value="${eduTypeTemp.educationTypeCode}" selected="selected">
              										<c:out value="${eduTypeTemp.educationTypeDesc}"/>
            									</option>
											</c:when>
											<c:otherwise>
												<option value="${eduTypeTemp.educationTypeCode}">
													<c:out value="${eduTypeTemp.educationTypeDesc}"/>
												</option>
											</c:otherwise>
										</c:choose>
									</c:forEach>
								  </form:select>
							  </div>
						  </div>
						  <div class="columns-2">
							  <div class="column1 left">
						  		<label for="graduate"><span class="req">*</span> Graduate:</label>
							  </div>
							  <div class="column2">
								<form:select path="eduGraduateYn">
									<form:option value="" label="--Please Select--"/>
									<c:forEach items="${educationInfoView.graduationStatuses}" var="gradStatusTemp">
										<c:choose>
											<c:when test="${gradStatusTemp.gradStatusCode == educationInfoView.eduGraduateYn}">
												<option value="${gradStatusTemp.gradStatusCode}" selected="selected">
              										<c:out value="${gradStatusTemp.gradStatus}"/>
            									</option>
											</c:when>
											<c:otherwise>
												<option value="${gradStatusTemp.gradStatusCode}">
													<c:out value="${gradStatusTemp.gradStatus}"/>
												</option>
											</c:otherwise>
										</c:choose>
									</c:forEach>
								</form:select>
						  	</div>
						  </div>
						  <div class="columns-2">
							  <div class="column1 left">
						  		<label for="degree"><span class="req">*</span> Degree:</label>
							  </div>
							  <div class="column2">
							  	<form:input path="eduDegree" size="25" maxlength="27" cssClass="text" cssErrorClass="text errorfield"/>
						  	</div>
						  </div>
						  <div class="columns-2">
							  <div class="column1 left">
						  		<label for="major"><span class="req">*</span> Major:</label>
							  </div>
							  <div class="column2">
							  	<form:input path="eduGraduateMajor" size="25" maxlength="27" cssClass="text" cssErrorClass="text errorfield"/>
						  	</div>
						  </div>
						  <div class="columns-2">
							  <div class="column1 left">
						  		<label for="schoolName"><span class="req">*</span> School Name:</label>
							  </div>
							  <div class="column2">
							  	<form:input path="eduSchoolName" size="40" maxlength="42" cssClass="text" cssErrorClass="text errorfield"/>
						  	</div>
						  </div>
						  <div class="columns-2">
							  <div class="column1 left">
						  		<label for="city"><span class="req">*</span> City:</label>
							  </div>
							  <div class="column2">
							  	<form:input path="eduSchoolCity" size="25" maxlength="27" cssClass="text" cssErrorClass="text errorfield"/>
						  	</div>
						  </div>
						  <div class="columns-2">
							  <div class="column1 left">
						  		<label for="state"><span class="req">*</span> State:</label>
							  </div>
							  <div class="column2">
							  	<form:select path="eduSchoolState">
									<form:option value=""></form:option>
									<c:forEach items="${educationInfoView.states}" var="temp">
										<c:choose>
											<c:when test="${temp.stateCode == educationInfoView.eduSchoolState}">
												<option value="${temp.stateCode}" selected="selected">
              										<c:out value="${temp.stateName}"/>
            									</option>
											</c:when>
											<c:otherwise>
												<option value="${temp.stateCode}">
													<c:out value="${temp.stateName}"/>
												</option>
											</c:otherwise>
										</c:choose>
									</c:forEach>
								</form:select>
						  	</div>
						  </div>
						  <div class="columns-2">
							  <div class="column1 left">
						  		<label for="yearOfGraduation">Year of Graduation:</label>
							  </div>
							  <div class="column2">
							  	<form:input path="eduGraduateYear" size="4" maxlength="6" cssClass="text" cssErrorClass="text errorfield"/>
						  	</div>
						  </div>
						  <div style="clear:left"></div>
						  <div class="editEntry">
						  	<input type="button" name="add" value="" class="iconicButton addButton" title="Save Data and Add More Education" onclick="submit(this.form)"/>
						  	&nbsp;
						  	<input type="button" name="cancel" value="" class="iconicButton cancelButton" title="Clear Data" onclick="window.location='education.xhtm'" />
						  </div>
						</fieldset>
						<div class="formFooter">
							<input type="submit" name="previous" value="Previous" class="button" onclick="location.href='personalinfo.xhtm'"/> &nbsp; 
							<input type="button" name="next" value="Save and Add Another" class="button" onclick="submit(this.form)"/> &nbsp;
							<input type="submit" name="next" value="Continue &gt;" class="button" onclick="location.href='militaryservice.xhtm'"/>
						</div>

					</form:form>
					</div>
				</c:if>
			
		</section>
	</div>
	
	<!-- FOOTER -->
	<div id="footer">
		<footer id="contentinfo">
			<p class="copyright">&copy; <a href="http://www.abelpersonnel.com">Abel Personnel, Inc.</a>  All rights reserved</p>
		</footer>
	</div>

</body>
</html>